<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>signIn</title>
    <link rel="StyleSheet" +href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<header th:replace="common/top"></header>
<body>
<div id="Content">
    <div id="Catalog">
        <form action="/account/signOn" method="post" οnsubmit="return validate()">
            <p>Please enter your username and password.</p>
            <p>
                Username:<input type="text" name="username" value="z"/><br />
                Password:<input type="password" name="password" value="z" /><br />
<!--                <font th:text="#{verCode}"></font>-->
<!--                &lt;!&ndash; 验证码&ndash;&gt;-->
<!--                <input type="text" class="topAlign" id="verify" name="verify" />-->
<!--                <canvas width="100" height="40" id="verifyCanvas"></canvas>-->
<!--                <img id="code_img">-->
<!--            <div id="validateMsg" style="color: red"></div>-->
                Verification code:<input type="text"  id="verify" name="verify" />
                        <canvas width="100" height="40" id="verifyCanvas"></canvas>
                        <img id="code_img">
                        <div id="validateMsg" style="color: red"></div>
            </p>
            <p th:if="${msg!=null}" th:text="${msg}"></p>
            <input type="submit" name="signOn" value="Login" />
        </form>
        Need a user name and password?
        <!--newAccountForm-->
        <a href="/account/newAccountForm">Register Now!</a>
    </div>
</div>

    <footer th:replace="common/bottom"></footer>
<script type="text/javascript" src="../js/Verification.js"></script>
<script type="application/javascript" src="../js/register.js"></script>
</body>
</html>